!!! 5
html
  head
    title LanguageLive | School Signup
    != css('site')
    != js('libraries/site')
    != js('site/signup')
  body
    .container
      .row
        h1 Sign up your school
      .row
        form.well.form-horizontal
          .control-group#username-wrapper
            label.control-label School Name
            .controls
              input#username-box.input-xlarge(placeholder = 'Example School')
              p#username-error.help-inline.hidden This cannot be empty.
              p.help-block The full name of your school.
          .control-group#id-wrapper
            label.control-label School ID
            .controls
              input#id-box.input-xlarge(placeholder = 'egs')
              p#id-error.help-inline.hidden This must be three characters and must not be in use by anyone else.
              p.help-block Three letters to represent your school. This will be used as a prefix for usernames and as your school username.
          .control-group#email-wrapper
            label.control-label School E-mail
            .controls
              input#email-box.input-xlarge(placeholder = 'admin@example.school.nz')
              p#email-error.help-inline.hidden This must be a valid email address ending in <em>.school.nz</em>
              p.help-block An e-mail address we can use to confirm you represent a school. This needs to end in <em>.school.nz</em>
          .control-group#password-wrapper
            label.control-label Password
            .controls
              input#password-box.input-xlarge(type = 'password')
              p#password-error.help-inline.hidden Your password must be at least 8 characters in length.
          .control-group#confirm-wrapper
            label.control-label Confirm Password
            .controls
              input#password-confirm.input-xlarge(type = 'password')
              p#confirm-error.help-inline.hidden This needs to match the text in the Password box!
          .form-actions
            a#submit-btn.btn.btn-primary Submit
